.home {
  width: 100%;
  height: 100%;
  background-color #202020;
}

.left {
  width: 77%;
  height: 95%;
  float: left;
  margin: 1% 0.5% 1% 1%;
}

.top {
  width: 100%;
  height: 13%;
}

#main {
  width: 100%;
  height: 85%;
  float: left;
  margin-top: 1%;
  padding: 15px;
  background-color: #181818;
}


.projectcount {
  width: 49.5%;
  height: 100%;
  background-color: #181818;
  float: left;
  display: table;
}

.companycount {
  width: 49.5%;
  height: 100%;
  background-color: #181818;
  margin-left: 1%;
  float: left;
  display: table;
}


.tabshow {
  width: 20%;
  height: 95%;
  float: left;
  background-color: #181818;
  margin: 1% 1% 1% 0.5%;
}

.industrycount {
  width: 90%;
  height: 32%;
  background-color: #181818;
  padding: 5% 0% 5% 15%;
  display: table;
}

.provincecount {
  width: 90%;
  height: 31.5%;
  background-color #181818;
  padding: 5% 0% 5% 15%;
  display: table;
}

.citycount {
  width: 90%;
  height: 32%;
  background-color #181818;
  padding: 5% 0% 5% 15%;
  display: table;
}

.title {
  font-size: 3vh;
  color: #FFFFFF;
}

.titstyle {
  width: 45%;
  display: table-cell;
  vertical-align: middle;
  text-align: right;
}

.leftrow {
  width 50%;
  display: table-cell;
  vertical-align: top;
  padding: 2% 5%;
}

.row {
  width 50%;
  margin: 0 auto;
  display: table-cell;
}

.number {
  width: 60%;
  font-size: 5vh;
  color: #08CCB2;
  vertical-align: bottom;
}

.unit {
  width: 40%;
  color: #FFFFFF;
  font-size: 2vh;
  margin-left: 10px;
  vertical-align: bottom;
  position: relative;
  bottom: 1vh;
}

.img {
  display table-cell;
  vertical-align: middle;
}

.companycount .number {
  color: #4D7EFF;
}

.industrycount .number {
  color: #FF5757;
}

.provincecount .number {
  color: #44B7FB;
}

.citycount .number {
  color: #FF8B00;
}

/*中间的过度的横线*/
.link-top {
  width: 80%;
  height: 1px;
  margin-left: 10%;
  border-top: solid #ACC0D8 1px;
}

.btn {
  display: table-caption;
  padding: 2% 0% 0% 8%;
}
.leftimg{
    width: 10vh;
  }






